import Vue from 'vue'
import App from './App.vue'
// 引入路由
import router from './router'
// import router from './router/test'


// 引入 axios 二次封装（测试）
// import {reqCategoryList} from './api/index'
// reqCategoryList()

// 测试 SearchList 数据
// import { reqGetSearchList } from './api/index'
// console.log('---------这是list数据',reqGetSearchList({a:10}))

//引入 Vuex
import store from './store/index'

// 引入 mock （假数据）
import "./mock/mockServer.js"

// 引入所有的 api 方法
import * as api from './api';
// console.log('----这是所有的方法',api)



// 全局组件
// 引入三级联动组件 注册为全局组件
import TypeNav from './components/TypeNav/TypeNav'
// 引入首页轮播图 全局组件
import Carousel from './components/Carousel/carousel';
// 引入 分页器 全局组件
import Pagination from './components/Pagination/Pagination';
// 注册全局组件
Vue.component(TypeNav.name,TypeNav)
Vue.component(Carousel.name,Carousel)
Vue.component(Pagination.name,Pagination)


// 引入 Swiper 样式
import "../node_modules/swiper/swiper-bundle.css"
// 引入 ElementUI 全部效果
// import ElementUI from 'element-ui';
// Vue.use(ElementUI)
// 按需引入 button 样式
import {Button,MessageBox,Form,FormItem,Input} from 'element-ui';
// console.log(Form)
// 使用 ElementUI中 引入的组件
Vue.use(Button);
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Input)
// 引入 ElementUI 全部样式
import 'element-ui/lib/theme-chalk/index.css';

// 将弹出框的效果注册到 Vue 原型上面
// Vue.prototype.$form = Form;
Vue.prototype.$msgbox = MessageBox;
Vue.prototype.$alert = MessageBox.alert;


// import img from './assets/1664440461248.jpg';
// 图片懒加载
import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload,{
  loading: require('/src/assets/images/R-C.gif'),
  // loading: img,
})


// 为了搞懂图片懒加载 测试此插件
// import MyPlugins from './plugins/MyPlugins';
// Vue.use(MyPlugins,{
//   name:'MyPlugins'
// })

Vue.config.productionTip = false

const vm = new Vue({
  render: h => h(App),
  beforeCreate(){
    // 注册全局事件总线
    Vue.prototype.$bus = this,
    // 将所有的接口注册在 vue 里面
    Vue.prototype.$api = api
  },
  router, // 注册路由
  store, // 注册 vuex
}).$mount('#app')
// console.log(vm);